//此js的作用就是切换到购物车和购物车之外的tabbar页面，购物车的徽标一直显示
import {
  mapGetters
} from 'vuex'
//将此 mixins 对象共享出去
export default {
  computed: {
    ...mapGetters('m_cart', ['total']),
  },
  onShow() {
    //在购物车页面刚刚展示的时候，设置数字徽标
    this.setBadge()
  },
  //购物车徽标的监视器
  watch: {
    // 监听 total 值的变化
    total() {
      // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
      this.setBadge()
    }
  },
  methods: {
    setBadge() {
      //调用uni.setTabBarBadge()方法，为购物车设置右上角的徽标
      uni.setTabBarBadge({
        index: 2, //购物车tarbar页面所在的索引
        text: this.total + '' //this.total是Number类型，而text需要字符串类型
      })
    },


  },

}
